<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="../ExternalJs/jquery-2.2.4.min.js"></script>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1， minimum-scale=1, width=device-width, user-scalable=no">
    <style>
        p{
            margin-bottom:8px;
            font-family:"microsoft yahei";
            font-size: 15px;
            padding:0px 2.67%;
            box-sizing: border-box;
            line-height: 20px;
            margin-top:8px;
        }
        img{
            width:100%;
        }
    </style>
</head>
<body>
<div class="show">

</div>
<script src="../ExternalJs/jquery-2.2.4.min.js"></script>
<script>
    var html ='<p><br/></p><h1 style=\"border-bottom-color: rgb(204, 204, 204); border-bottom-width: 2px; border-bottom-style: solid; padding: 0px 4px 0px 0px; text-align: center; margin: 0px 0px 20px;\">好好</h1><p><img src=\"http://img.baidu.com/hi/youa/y_0034.gif\" width=\"300\" height=\"200\"/>图文混排方法</p><p>1. <span style=\"color: rgb(149, 55, 52);\">图片居左，文字围绕图片排版</span></p><p>方法：在文字前面插入图片，<strong>设置居左对齐，然后即</strong>可在右边输入多行文本</p><p>2. 图片居右，文字围绕图片排版</p><p>方法：在文字前面插入图片<span style=\"color: rgb(0, 112, 192);\">，设置居右对齐</span>，然后<sub>即可</sub>在左边输入多行文本</p><p><br/></p><p>3. 图片居中环绕<sup>排版</sup></p><p>方法：亲，这个真心没有办法。。。</p><hr/><p><br/></p><p><img  =\"http://img.baidu.com/hi/youa/y_0040.gif\" width=\"300\" height=\"300\"/></p><p>还<span style=\"text-decoration: underline;\">有没有</span>什么其他的环绕<em>方式呢？</em>这里是居右环绕</p><table><tbody><tr class=\"firstRow\"><td width=\"371\" valign=\"top\" style=\"word-break: break-all;\">1</td><td width=\"371\" valign=\"top\" style=\"word-break: break-all;\">2</td></tr><tr><td width=\"371\" valign=\"top\" style=\"word-break: break-all;\">班级</td><td width=\"371\" valign=\"top\" style=\"word-break: break-all;\">姓名</td></tr></tbody></table><p><br/></p><p>欢迎大家多多尝试，为UEditor提供更多高质量模板！</p><h1><br/></h1><p>占位</p><p><br/></p><p>占位</p><p><br/></p><p>占位</p><p><br/></p><p>占位</p><p><br/></p><p>占位</p><p><br/></p><p><br/></p><p><br/></p><p style=\"display:none;\"><br/></p>';
    $(".show").append(html);
</script>
</body>
</html>